<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" type="text/css" href="../../../static/css/boots.css" media="all"/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
    <title>{{ contentDetails.ad_school_title }}</title>
    <link href="../../../static/css/bootstrap.css" type="text/css" media="screen" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../../../static/css/dateRange.css"/>
    <link href="../../../static/css/set-meal.css" type="text/css" media="screen" rel="stylesheet"/>
    <script type="text/javascript" src="../../../static/js/jquery.min.js"></script>

</head>
<style type="text/css">
    body.dashboard {
        background-color: #FBFBFB;
        /*font-family: "-apple-system-font,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif";*/
        font-family: 400 1em/1.8 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
    }

    ul, li {
        list-style: none;
    }

    a {
        color: #606266;
        display: block;
        text-decoration: none !important;
    }

    a:hover, a:focus {
        /*color: #428bca;*/
        color: #606266;
    }

    hr {
        margin: 20px 0px 10px;
    }

    input {
        outline：none !important;
        padding: 0;
    }

    input:hover, input:focus {
        outline：none !important;
        border: none;
    }

    .padding-left05 {
        margin-left: 10px;
    }

    .mian-width {
        width: 1300px;
        margin: 0 auto;
    }

    .fs12 {
        font-size: 12px;
    }

    .fs14 {
        font-size: 14px;
    }

    .fs16 {
        font-size: 16px;
    }

    .fw700 {
        font-weight: 700;
    }

    .c3 {
        color: #606266;
    }

    .navbar-brand {
        padding: 15px 0;
    }

    .navbar {
        margin-bottom: 0;
    }

    .navbar-collapse {
        padding-left: 0px;
        padding-right: 0px;
    }

    .btn-login {
        border: 1px solid #fff;
        margin-right: 18px;
        padding: 5px 0 !important;
        text-align: center;
        color: #fff !important;
        width: 80px;
        font-size: 14px;
        display: inline-block;
        line-height: 1;
        white-space: nowrap;
        cursor: pointer;
        border-color: #dcdfe6;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        -webkit-transition: .1s;
        transition: .1s;
        font-weight: 500;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        border-radius: 4px;
        margin-top: 14px;
    }

    .btn-login:hover {
        background-color: #fff !important;
        color: #525cdc !important;
    }

    .btn-register:hover {
        background-color: #757de3 !important;
        color: #fff !important;
    }

    .btn-register {
        background-color: #525cdc;
        border-color: #525cdc;
    }

    .auth-body-warp {
        display: none;
    }

    .auth-body {
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1030;
        display: flex;
        align-items: center;
    }

    .body-middle {
        width: 100%;
        margin: 0 auto;
    }

    .body-middle form {
        display: flex;
        text-align: center;
        align-items: center;
    }

    .top-img {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    .panel-wrapper {
        width: 100%;
    }

    .panel {
        background-color: #fff;
        width: 440px;
        max-width: 100%;
        border: 1px solid #eee;
        border-radius: 10px;
        z-index: 100;
        padding: 30px 60px;
        margin: 20px auto;
    }

    .body-content {
        width: 1300px;
        margin: 75px auto 0;
    }

    .grabble {
        width: 100%;
    }

    .grabble-left {
        width: 80%;
        float: left;
        position: relative;
    }

    .grabble .grabble-input {
        width: 100%;
        height: 40px;
        padding: 0;
        text-indent: 1em;
        border: 1px solid #dcdfe6;
        border-radius: 5px;
    }

    .grabble-rigth {
        width: 18%;
        float: left;
        margin-left: 17px;
    }

    .grabble-button {
        display: inline-block;
        height: 40px;
        width: 100%;
        color: #fff;
        padding: 0;
        text-align: center;
        line-height: 40px;
        font-size: 16px;
        border-radius: 5px;
    }

    .show-module {
        width: 100%;
        margin-left: -10px;
        position: relative;
    }

    .show-module li.outer-li {
        width: 206px;
        float: left;
        font-size: 14px;
        margin-left: 10px;
        margin-top: 20px;
        text-align: center;
        cursor: pointer;
        border-radius: 5px;
        position: relative;
    }

    .show-module li.outer-li a {
        height: 40px;
        border: 1px solid #dcdfe6;
        line-height: 40px;
        border-radius: 5px;
    }

    .select-a {
        text-align: left;
        text-indent: 0.5em;
        background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
        background-size: 15px 8px;
        color: #606266;
    }

    .select-ul {
        position: absolute;
        top: 35px;
        width: 100%;
        margin: 10px auto;
        padding: 0;
        background-color: #fff;
        max-height: 300px;
        border: 1px solid #f5f7fa;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 13px #919191;
        -webkit-box-shadow: 2px 2px 13px #919191;
        box-shadow: 2px 2px 13px #919191;
        overflow-y: auto;
        z-index: 100;
        display: none;
        color: #606266;
    }

    .select-ul li {
        height: 40px;
        line-height: 40px;
    }

    .select-ul li:hover {
        background-color: #f5f7fa;
    }

    .content-middle-ul {
        width: 100%;
        margin-top: 20px;
    }

    .margin-top0 {
        margin-top: 0;
    }

    .li-titel {
        font-weight: 600;
        font-size: 20px;
    }

    .li-heat {
        text-align: left;
    }

    .close-img {
        float: right;
        width: 30px;
        height: 30px;
        margin-right: -45px;
        margin-top: -10px;
    }

    .user-information {
        overflow: hidden;
        margin: 10px auto 0;
    }

    .user-information img {
        border-radius: 100%;
    }

    .user-color {
        color: #fff;
        text-align: center;
    }

    .grabble-select {
        width: 85px;
        position: absolute;
        top: 0px;
        min-height: 40px;
        left: 0px;
        background: url(../../../static/images/cxjt.png) no-repeat scroll 88% center transparent;
        background-size: 15px 8px;
        padding: 0;
        border-right: 1px solid #dcdfe6;
    }

    .grabble-select .outer-li {
        position: relative;
        min-height: 40px;
    }

    .grabble-select .outer-li .select-a {
        cursor: pointer;
        height: 40px;
        line-height: 40px;
    }

    .grabble-select .outer-li .select-ul {
        text-align: center;
        z-index: 110;
    }

    .head-content {
        color: #606266;
        margin: 10px auto;
    }

    .new-head-content {
        color: #606266;
        margin: 10px auto 15px;
    }

    .single-page {
        position: absolute;
        width: 315px;
        padding: 15px 15px 0 15px;
        margin: 10px 10px 10px 0;
        border: 1px solid #d4d4d4;
        background-color: #fff;
        border-radius: 5px;
    }

    .mian-img-div {
        width: 100%;
        text-align: center;
        border: 1px solid #ccc;
        margin: 0px auto;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 15px #c1c1c1;
        -webkit-box-shadow: 2px 2px 15px #c1c1c1;
        box-shadow: 2px 2px 15px #c1c1c1;
    }

    .mian-img {
        width: 96%;
        margin: 5px auto;
    }

    img.head-logo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        margin: 0px auto;
    }

    .head-content span {
        display: inline-block;
        height: 20px;
        margin-right: 10px;
        font-size: 12px;
    }

    span.span-right {
        cursor: pointer;
        text-align: right;
    }

    .heat-img {
        height: 15px;
        margin-top: -1px;
    }

    .clear {
        clear: both
    }

    a.select-a:hover, a.select-a:focus {
        color: #333;
    }

    .collect-button {
        text-align: right;
    }

    .a-button {
        display: inline-block;
        width: 65px;
        height: 25px;
        border: 1px solid #d8d8d8;
        text-align: center;
        line-height: 25px;
        font-size: 12px;
        color: #606266;
        border-radius: 5px;
        margin-right: 10px;
    }

    .outer-li-alone input {
        width: 100%;
        height: 99%;
        border: none;
        opacity: 0;
    }

    .label-explain {
        width: 100%;
    }

    .label-explain-title {
        width: 50px;
        float: left;
        margin-top: 10px;
    }

    .label-explain-content {
        width: 90%;
        float: left;
    }

    .label-explain-content .span {
        color: #7c6fab;
        background-color: #e2e7ff;
        border: 1px solid #d8d8d8;
        padding: 1px 10px;
        border-radius: 50px;
        display: inline-block;
        margin-top: 10px;
        margin-left: 5px;
    }

    .label-explain-content span img {
        margin-left: 5px;
        cursor: pointer;
    }

    .calendar-bg {
        background: url(../../../static/images/calendar.png) no-repeat 23px center;
    }



</style>
<body>
<div id="top-nav" class="navbar navbar-xs navbar-inverse navbar-fixed-top">
    <div class="mian-width">
        <div class="navbar-header">
            <a class="navbar-brand" href="/index"><img src="../../../static/images/icon.png"
                                                       style="margin-right: 5px"/></a>
        </div>
        <div class="navbar-collapse collapse" id="login_ul">
            <ul class="nav navbar-nav pull-right" id="loginUl" style="display: block;">
                <li class="dropdown g-theme">
                    <a class="btn-login" id="btnLogin">
                        登录
                    </a>

                </li>
                <li class="dropdown g-theme">
                    <a class="btn-login btn-register" id="btnRegister" style="margin-right: 10px;">
                        注册
                    </a>

                </li>

            </ul>

            <ul class="nav navbar-nav pull-right" style="display:none;position: relative;margin-right: 50px;"
                id="userList">
                <li class="dropdown user-information" style="cursor:pointer;">
                    <img src="../../../static/images/head.png" style="width: 30px;height: 30px;" id="show_list"/>
                    <div class="user-color" id="company_name"></div>
                </li>
                <ul style="display:none;position: absolute;padding: 0;background-color: #fff;max-height: 300px;border: 1px solid #f5f7fa;border-radius: 5px;-moz-box-shadow:2px 2px 13px #919191; -webkit-box-shadow:2px 2px 13px #919191; box-shadow:2px 2px 13px #919191;overflow-y: auto;z-index: 100;color: #606266;width: 150px;text-align: center;left:-46px;top:65px;"
                    id="buttonList">
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="user_page">
                            <img src="../../../static/images/YHXX.png"/>
                            用户信息
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;">
                        <a style="display: block;cursor:pointer;" id="collect_page">
                            <img src="../../../static/images/sc.png"/>
                            收藏列表
                        </a>
                    </li>
                    <li style="line-height: 40px;height: 40px;font-size: 14px;cursor:pointer;" id="out">
                        <a style="display: block;">
                            <img src="../../../static/images/TCDL.png"/>
                            退出登录
                        </a>
                    </li>
                </ul>

            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/product_introduction" class="btn-login">
                        产品介绍
                    </a>

                </li>
            </ul>
            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/purchase_page" target="_blank" class="btn-login">
                        价格套餐
                    </a>

                </li>
            </ul>

            <ul class="nav navbar-nav pull-right" style="display: block;">
                <li class="dropdown g-theme">
                    <a href="/show_ad_school" target="_blank" class="btn-login set-meal">
                        知识学院
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--列表开始-->
<div id="wrap">
    <div class="main container" style="padding-left: 0; padding-right: 0;">
        <div class="content">

            <ol class="breadcrumb entry-breadcrumb">
                <li class="home"><i class="fa fa-map-marker"></i>
                    <a href="/" style="display: inline-block">首页</a>
                </li>
                <li style="margin-left: -5px;">
                    <a href="/showArticleByTab/{{ contentDetails.ad_school_label_id }}/" style="display: inline-block;margin-left: -10px;"> {{ contentDetails.ad_school_label }}</a>
                </li>
            </ol>
            <article id="post-119236"
                     class="post-119236 post type-post status-publish format-standard hentry category-yunying tag-954 special-yunying">
                <div class="entry">
                    <div class="entry-head">
                        <h1 class="entry-title">{{ contentDetails.ad_school_title }}</h1>
                        <div class="entry-info">
                            <a class="nickname" href="/">ImageThinking</a>
                            <span class="dot">•</span>
                            <span>{{ contentDetails.ad_school_count_time }}</span>
                            <span class="dot">•</span>
                            <a href="/showArticleByTab/{{ contentDetails.ad_school_label_id }}/"
                               rel="category tag">{{ contentDetails.ad_school_label }}</a> <span class="dot">•</span>
                            <span>阅读 {{ contentDetails.ad_school_count }}</span>
                        </div>
                    </div>
                    <div class="entry-content clearfix" id="adSchoolArticleContent">

                        {% comment %}	<p>一场社群裂变活动如何能够获得高转化率？裂变流程和环节如何设计？如何将裂变活动与业务变现结合？本文通过真实案例复盘为你详细解答这些问题，揭示裂变背后的方法论。</p>
								<p>一场社群裂变活动如何能够获得高转化率？裂变流程和环节如何设计？如何将裂变活动与业务变现结合？本文通过真实案例复盘为你详细解答这些问题，揭示裂变背后的方法论。</p>
								<p>一场社群裂变活动如何能够获得高转化率？裂变流程和环节如何设计？如何将裂变活动与业务变现结合？本文通过真实案例复盘为你详细解答这些问题，揭示裂变背后的方法论。</p>
								<p>一场社群裂变活动如何能够获得高转化率？裂变流程和环节如何设计？如何将裂变活动与业务变现结合？本文通过真实案例复盘为你详细解答这些问题，揭示裂变背后的方法论。</p>

								<p>&nbsp;</p>
								{% endcomment %}
                        {% comment %}<div>
									<section data-color="#0070c0">作者：{{ contentDetails.ad_school_auth }}，授权<strong>ImageThink</strong>发布。</section>
									<p>来源：<span class="rich_media_meta rich_media_meta_text">{{ contentDetails.ad_school_auth }}</span></p>
								</div>
								<div class="entry-copyright">
									<p>本文由ImageThink发布，如若转载，请注明出处：来自ImageThink，文章作者{{ contentDetails.ad_school_auth }}</p>
								</div>{% endcomment %}
                    </div>
                    <div class="entry-footer">
                        <div class="entry-tag">
                            <a href="/showArticleByTab/{{ contentDetails.ad_school_label_id }}/"
                               rel="tag">{{ contentDetails.ad_school_label }}</a>
                        </div>
                        <div class="entry-action">
                            <div class="btn-zan" data-id="119236"><i class="fa fa-thumbs-up"></i> 赞 <span
                                    class="entry-action-num">({{ contentDetails.ad_school_laud }})</span></div>

                        </div>

                        {% comment %}<div class="entry-bar fixed">
									<div class="entry-bar-inner clearfix" style="width: 860px;">
										<div class="info text-center">
											<div class="info-item meta">
												<a class="meta-item j-heart" href="javascript:;" data-id="119236"><i class="fa fa-heart"></i> <span class="data">0</span></a>
											</div>
											<div class="info-item share">
												<a class="meta-item mobile j-mobile-share" href="javascript:;" data-id="119236"><i class="fa fa-share-alt"></i> 生成分享图片</a>
												<a class="meta-item wechat" href="javascript:;">
													<i class="fa fa-wechat"></i>
													<span class="wx-wrap">
                                                    <span class="j-qrcode" data-text="http://www.opp2.com/119236.html"><canvas width="256" height="256"></canvas></span>
													<span>扫码分享到微信</span>
													</span>
												</a>
												<a class="meta-item weibo" href="http://service.weibo.com/share/share.php?url=http%3A%2F%2Fwww.opp2.com%2F119236.html&amp;title=%E7%A4%BE%E7%BE%A4%E8%BF%90%E8%90%A5%EF%BC%9A%E7%A4%BE%E7%BE%A4%E8%A3%82%E5%8F%98%E6%B4%BB%E5%8A%A8%E5%A6%82%E4%BD%95%E8%83%BD%E5%A4%9F%E8%8E%B7%E5%BE%97%E9%AB%98%E8%BD%AC%E5%8C%96%E7%8E%87%EF%BC%9F&amp;pic=http%3A%2F%2Fwww.opp2.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fshequnyunyying.jpg&amp;searchPic=true" target="_blank" rel="nofollow"><i class="fa fa-weibo"></i></a>
												<a class="meta-item qq" href="https://connect.qq.com/widget/shareqq/index.html?url=http%3A%2F%2Fwww.opp2.com%2F119236.html&amp;title=%E7%A4%BE%E7%BE%A4%E8%BF%90%E8%90%A5%EF%BC%9A%E7%A4%BE%E7%BE%A4%E8%A3%82%E5%8F%98%E6%B4%BB%E5%8A%A8%E5%A6%82%E4%BD%95%E8%83%BD%E5%A4%9F%E8%8E%B7%E5%BE%97%E9%AB%98%E8%BD%AC%E5%8C%96%E7%8E%87%EF%BC%9F&amp;pics=http%3A%2F%2Fwww.opp2.com%2Fwp-content%2Fuploads%2F2019%2F02%2Fshequnyunyying.jpg" target="_blank" rel="nofollow"><i class="fa fa-qq"></i></a>
											</div>
											<div class="info-item act">
												<a href="javascript:;" id="j-reading"><i class="fa fa-file-text"></i></a>
											</div>
										</div>
									</div>
								</div>
{% endcomment %}
                        {% comment %}<div class="entry-page">
									<div class="entry-page-prev j-lazy" style="background-image: url(../../../static/images/lazy.png);" data-original="">
										<a href="" title="案例分析：如何做用户运营分析报告？">
											<span>案例分析：如何做用户运营分析报告？</span>
										</a>
										<div class="entry-page-info">
											<span class="pull-left">« 上一篇</span>
											<span class="pull-right">16小时前</span>
										</div>
									</div>
									<div class="entry-page-next j-lazy" style="background-image: url(../../../static/images/lazy.png);" data-original="">
										<a href="" title="青瓜早报：律师辟谣“刘强东章泽天离婚”；情人节天猫成人用品实时销量半日涨600%">
											<span>青瓜早报：律师辟谣“刘强东章泽天离婚”；情人节天猫成人用品实时销量半日涨600%</span>
										</a>
										<div class="entry-page-info">
											<span class="pull-right">下一篇  »</span>
											<span class="pull-left">57分钟前</span>
										</div>
									</div>
								</div>
								<h3 class="entry-related-title">相关推荐</h3>
								<ul class="entry-related clearfix">
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
									<li>
										<a href="" title="工具类APP，如何加入社交元素？">工具类APP，如何加入社交元素？</a>
									</li>
								</ul>
{% endcomment %}
                    </div>
                </div>
            </article>

        </div>
        <aside class="sidebar">
            <div style="background: #fff;overflow: hidden;">
                <div id="post-thumb-7" class="widget widget_post_thumb">
                    <h3 class="widget-title"><span>最新文章</span></h3>
                    <ul class="newAtricleUl">
                        {% comment %}<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>
								<li class="item">
									<div class="item-img">
										<a href="" title="ＡPP如何实现产品的冷启动？">
											<img class="j-lazy" src="../../../static/images/item-img-02.jpg" data-original="../../../static/images/item-img-02.jpg" width="480" height="300" alt="ＡPP如何实现产品的冷启动？"> </a>
									</div>
									<div class="item-content">
										<p class="item-title">
											<a href="" title="ＡPP如何实现产品的冷启动？">ＡPP如何实现产品的冷启动？</a>
										</p>

									</div>
								</li>{% endcomment %}

                    </ul>

                    <a class="sidebar-r-img" href="/">
                        <img src="../../../static/images/aside_ad.jpg"/>
                    </a>
                </div>
            </div>

            <div style="background: #fff;overflow: hidden;margin-top: 20px;">
                <div id="tag_cloud-4" class="widget widget_tag_cloud">
                    <h3 class="widget-title"><span>热门标签</span></h3>
                    <div class="tagcloud">
                        {% comment %}<a href="" class="tag-cloud-link tag-link-66 tag-link-position-1" aria-label="APP推广">APP推广</a>
								<a href="" class="tag-cloud-link tag-link-66 tag-link-position-1" aria-label="APP推广">APP推广</a>
								<a href="" class="tag-cloud-link tag-link-66 tag-link-position-1" aria-label="APP推广">APP推广</a>
								<a href="" class="tag-cloud-link tag-link-66 tag-link-position-1" aria-label="APP推广">APP推广</a>
								<a href="" class="tag-cloud-link tag-link-66 tag-link-position-1" aria-label="APP推广">APP推广</a>{% endcomment %}
                    </div>
                </div>
            </div>

        </aside>
    </div>
</div>
<footer class="footer">

</footer>

<style>
    .footer {
        padding-bottom: 35px;
    }
</style>
<script type='text/javascript'>
    /* <![CDATA[ */
    var _wpcom_js = {
        "slide_speed": "5000"
    };
    /* ]]> */
</script>

<script type="text/javascript" src="../../../static/js/article-item.js"></script>
<script type="text/javascript">
    var labelId;

    /* 获取所有标签 */
    function getAllLabel() {
        var get_label_url = '/showAllLabel';
        $.ajax({
            url: get_label_url,
            type: 'GET',
            async: true,
            success: function (response) {
                var json_data = JSON.parse(response);
                if (json_data.hasOwnProperty("labelData")) {
                    var labelData = json_data.labelData;
                    var html = [];
                    labelData.forEach(function (v) {
                        html += "<a href=\"/showArticleByTab/" + v.id + "/\"  class=\"tag-cloud-link tag-link-66 tag-link-position-1\" aria-label=" + v.ad_school_label + ">" + v.ad_school_label + "</a>";
                    });
                    $('div.tagcloud').html(html);
                }
            },
            error: function () {

            }
        });
    };

    /*获取最新的8篇文章*/
    function getNewArticle() {
        var getNewArticleUrl = '/getNewArticle';
        $.ajax({
            url: getNewArticleUrl,
            type: 'GET',
            async: true,
            success: function (response) {
                if (response.hasOwnProperty("newArticle")) {
                    var newArticle_data = response.newArticle;
                    var html = []
                    newArticle_data.forEach(function (article) {
                        html += '<li class=\'item\'>\n' +
                            '<div class=\'item-img\'>\n' +
                            '<a href=\'javascript:void(0);\' title=' + article.ad_school_title + '>\n' +
                            '<img class=\'j-lazy\' src=' + article.ad_school_image + ' data-original=' + article.ad_school_image + ' width=\'480\' height=\'300\' alt=' + article.ad_school_title + '> </a>\n' +
                            '</div>\n' +
                            '<div class=\'item-content\'>\n' +
                            '<p class=\'item-title\'>\n' +
                            '<a href="/showArticle/' + article.id + '/" title=' + article.ad_school_title + ' target=\'_blank\'>' + article.ad_school_title + '</a>\n' +
                            '</p>\n' +
                            {% comment %} '<p class=\'item-date\'>'+article.ad_school_create_time+'</p>\n' +{% endcomment %}
                            '</div>\n' +
                            '</li>';

                    });
                    $("ul.newAtricleUl").html(html);
                }
            },
            error: function () {

            }

        });
    };
    $(function () {
        getNewArticle();
        getAllLabel();
        var image = "<center><img src=\"{{ contentDetails.ad_school_image }}\" /></center>";
        var content = '{{ contentDetails.ad_school_article }}';
        var authInfo = '<div>\n' +
            '\t\t\t\t\t\t\t\t\t<section data-color="#0070c0">作者：{{ contentDetails.ad_school_auth }}，授权<strong>ImageThinking</strong>发布。</section>\n' +
            '\t\t\t\t\t\t\t\t\t<p>来源：<span class="rich_media_meta rich_media_meta_text">{{ contentDetails.ad_school_auth }}</span></p>\n' +
            '\t\t\t\t\t\t\t\t</div>\n' +
            '\t\t\t\t\t\t\t\t<div class="entry-copyright">\n' +
            '\t\t\t\t\t\t\t\t\t<p>本文由ImageThinking发布，如若转载，请注明出处：来自ImageThinking，文章作者{{ contentDetails.ad_school_auth }}</p>\n' +
            '\t\t\t\t\t\t\t\t</div>';
        $("#adSchoolArticleContent").html(image + escape2Html(content) + authInfo);
        $(".btn-zan").click(function () {
            var id = {{ contentDetails.id }};
            if (id != 0) {
                var old_num = $(".entry-action-num").text().replace('(', '').replace(')', '');
                $(".entry-action-num").html('(' + (parseInt(old_num) + 1) + ')');
                var zan_url = '/handleZan/' + id + '/';
                $.ajax({
                    url: zan_url,
                    type: 'GET',
                    async: true,
                    success: function (data) {
                        console.log(data);
                    }
                });
            } else {
                alert('无相关文章');
            }
        });
    });

    function escape2Html(str) {
        var arrEntities = {'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"'};
        return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) {
            return arrEntities[t];
        });
    }

</script>


<script type="text/javascript" src="../../../static/js/jquery.js"></script>
    <script type="text/javascript" src="../../../static/js/echarts.common.min.js"></script>
    <script type="text/javascript" src="../../../static/js/dateRange.js"></script>
    <script type="text/javascript" src="../../../static/js/monthPicker.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.ui.core.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.ui.mouse.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.ui.sortable.js"></script>
    <script type="text/javascript" src="../../../static/js/bootstrap.js"></script>
    <script type="text/javascript" src="../../../static/js/xadmin.main.js"></script>
    <script type="text/javascript" src="../../../static/js/xadmin.responsive.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.ui.effect.js"></script>
    <script type="text/javascript" src="../../../static/js/xadmin.plugin.themes.js"></script>
    <script type="text/javascript" src="../../../static/js/xadmin.page.dashboard.js"></script>
    <script type="text/javascript" src="../../../static/js/xadmin.plugin.portal.js"></script>
    <script type="text/javascript" src="../../../static/js/jquery.freetile.min.js"></script>
    <script type="text/javascript" src="../../../static/js/base64.js"></script>
<script type="text/javascript" src="../../../static/js/top-common.js"></script>
<style type="text/css">
    .logo-img-parent {
        text-align: center;
        margin: 14px auto;
    }

    .logo-img-parent img {
        width: 250px;
        height: 40px;
    }

    .mian-bg-wf {
        width: 480px;
        background-color: #fff;
        margin: 0px auto 0;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
    }

    .mian-bg-wf-close {
        position: absolute;
        right: 20px;
        top: 20px;
        cursor: pointer;
    }

    .mian-bg-wf-top {
        width: 275px;
        height: 46px;
        border-radius: 20px;
        border: 1px solid #999;
        margin: 55px auto 30px;
        text-align: center;
    }

    .tacitly-style {
        color: #999;
        display: inline-block;
        width: 50%;
        float: left;
        line-height: 45px;
        cursor: pointer;
        font-size: 14px;
    }

    .pitch-bg {
        background-color: #999;
        color: #fff;
    }

    .left-top-radius20 {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    .right-top-radius20 {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .company-name {
        width: 20px;
        height: 18px;
        background: url(../../../static/images/company_name.png);
    }

    .person-head-img {
        width: 19px;
        height: 18px;
        background: url(../../../static/images/head_img.png);
    }

    .person-phone {
        width: 14px;
        height: 20px;
        background: url(../../../static/images/phone.png);
    }

    .person-lock {
        width: 17px;
        height: 19px;
        background: url(../../../static/images/lock.png);
    }

    .login-index-form {
        width: 350px;
        margin: 0 auto;
    }

    .login-index-fd {
        position: relative;
    }

    .login-index-fd i {
        position: absolute;
        z-index: 100;
        top: 13px;
        left: 10px;
    }

    .login-index-fd-input {
        width: 350px;
        height: 45px;
        border-radius: 5px;
        border: 1px solid #dedede;
        text-indent: 38px;
        color: #4e4e4e;
        outline: none;
    }

    .login-index-fd-span {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: 100%;
        text-align: left;
        opacity: 0;
        color: #ff7878;
    }

    .login-index-fd-input-code {
        position: absolute;
        height: 43px;
        width: 90px;
        font-size: 14px;
        text-align: center;
        right: 10px;
        top: 1px;
        cursor: pointer;
        border: none;
        color: #5065cd;
    }

    .login-button {
        height: 45px;
        background-color: #5065cd;
        color: #fff;
        line-height: 45px;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
        margin: 0px auto 45px;
    }

    .policy-div {
        margin: 20px auto 45px;
        color: #666;
        font-size: 14px;
    }

    .policy-div a {
        display: inline-block;
        color: #5065cd;
    }
    .entry-info>a{
        display: inline-block;
    }
</style>
<div class="auth-body-warp">
    <div class="auth-body">
        <div class="body-middle">
            <div class="logo-img-parent">
                <img src="../../../static/images/logo.png"/>
            </div>

            <div class="mian-bg-wf">
                <img src="../../../static/images/GB.png" class="mian-bg-wf-close" id="close_btn"/>
                <div id="jsRegister" class="mian-bg-wf-top">
                    <div class="tacitly-style left-top-radius20 pitch-bg" id="change_login">登录</div>
                    <div class="tacitly-style right-top-radius20" id="change_register">注册</div>
                </div>

                <form class="login-index-form" id="login-index" style="display: block;">
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="personagePhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="personageCode"/>
                        <sapn class="login-index-fd-span">输入验证码</sapn>
                        <input type="text" value="获取验证码" readonly="" id="gainCode" class="login-index-fd-input-code"/>
                    </div>
                    <div class="login-button" id="loginButton">登录</div>
                </form>

                <form style="display: none;" id="register-index" class="login-index-form">
                    <div class="login-index-fd">
                        <i class="company-name"></i>
                        <input type="text" placeholder="公司名称" class="focus-input-border login-index-fd-input"
                               id="registerCompanyName"/>
                        <sapn class="login-index-fd-span">输入公司名称</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-head-img"></i>
                        <input type="text" placeholder="姓名" class="focus-input-border login-index-fd-input"
                               id="registerName"/>
                        <sapn class="login-index-fd-span">输入姓名</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-phone"></i>
                        <input type="text" placeholder="手机号码" class="focus-input-border login-index-fd-input"
                               id="registerPhone"/>
                        <sapn class="login-index-fd-span">输入手机号码</sapn>
                    </div>
                    <div class="login-index-fd">
                        <i class="person-lock"></i>
                        <input type="text" placeholder="验证码" class="focus-input-border login-index-fd-input"
                               id="registerCode"/>
                        <sapn class="login-index-fd-span" id="input_code">输入验证码</sapn>
                        <input type="text" value="获取验证码" class="login-index-fd-input-code" readonly=""
                               id="register_gainCode"/>
                    </div>
                    <div class="login-button" id="registerButton">注册</div>
                    <div class="policy-div">注册即表示您同意 <a href="/agreement_page" target="_blank">服务条款</a> 和 <a
                            href="/privacy" target="_blank">隐私政策</a>。
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
</body>

</html>